---
layout: copy
date: 2017-04-18 09:00:00 +0800
---

<hr/>
<div class="row">
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/effects/images/demo-quote-machine.png" alt="A Quote Machine">
            <div class="caption clearfix">
                <h4><a class="posts-list-name" href="/effects/demo/demo-quote-machine/index.html" target="_blank">A Quote Machine</a></h4>
                <a class="btn btn-primary pull-right" href="/effects/demo/demo-quote-machine/index.html" target="_blank">案例演示</a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/effects/images/demo-baymax.png" alt="Baymax!">
            <div class="caption clearfix">
                <h4><a class="posts-list-name" href="/effects/demo/demo-baymax/index.html" target="_blank">Baymax</a></h4>
                <a class="btn btn-primary pull-right" href="/effects/demo/demo-baymax/index.html" target="_blank">案例演示</a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/effects/images/demo-weather.png" alt="Show Local Weather!">
            <div class="caption clearfix">
                <h4><a class="posts-list-name" href="/effects/demo/demo-weather/index.html" target="_blank">Show Local Weather</a></h4>
                <a class="btn btn-primary pull-right" href="/effects/demo/demo-weather/index.html" target="_blank">案例演示</a>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/effects/images/demo-click-to-search.png" alt="Click to Search">
            <div class="caption clearfix">
                <h4><a class="posts-list-name" href="/effects/demo-click-to-search/index.html" target="_blank">Click to Search</a></h4>
                <a class="btn btn-primary pull-right" href="/effects/demo/demo-click-to-search/index.html" target="_blank">案例演示</a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/effects/images/demo-cal.png" alt="A Calculator using Materialize">
            <div class="caption clearfix">
                <h4><a class="posts-list-name" href="/effects/demo-calculator-materialize/index.html" target="_blank">A Calculator</a></h4>
                <a class="btn btn-primary pull-right" href="/effects/demo/demo-calculator-materialize/index.html" target="_blank">案例演示</a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/effects/images/demo-echart.png" alt="A Chart using EChart">
            <div class="caption clearfix">
                <h4><a class="posts-list-name" href="/effects/demo-echart/index.html" target="_blank">金马奖获奖影片评分</a></h4>
                <a class="btn btn-primary pull-right" href="/effects/demo/demo-echart/index.html" target="_blank">案例演示</a>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/effects/images/demo-random-overlay-gird-fade.png" alt="随机的网格渐出">
            <div class="caption clearfix">
                <h4><a class="posts-list-name" href="/effects/demo-random-overlay-gird-fade/index.html" target="_blank">随机的网格渐出</a></h4>
                <a class="btn btn-primary pull-right" href="/effects/demo/demo-random-overlay-gird-fade/index.html" target="_blank">案例演示</a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/effects/images/demo-calender.png" alt="日历控件">
            <div class="caption clearfix">
                <h4><a class="posts-list-name" href="/effects/demo-calender/index.html" target="_blank">日历</a></h4>
                <a class="btn btn-primary pull-right" href="/effects/demo/demo-calender/index.html" target="_blank">案例演示</a>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
            <img src="/effects/images/demo-tagscloud.png" alt="云标签">
            <div class="caption clearfix">
                <h4><a class="posts-list-name" href="/effects/demo-tagscloud/index.html" target="_blank">云标签</a></h4>
                <a class="btn btn-primary pull-right" href="/effects/demo/demo-tagscloud/index.html" target="_blank">案例演示</a>
            </div>
        </div>
    </div>
</div>
